<!-- Services -->
  <section class="page-section" id="{{ site.data.sitetext.services.section | default: "services" }}">
    <div class="container">

      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading">{{ site.data.sitetext.services.title | default: "Services" }}</h2>
          {% if site.data.sitetext.services.text %}
		  <p class="section-subheading">{{ site.data.sitetext.services.text }}</p>
		  {% endif %}
        </div>
      </div>

      <div class="row text-center">
	  {% for service in site.data.sitetext.services.list %}
        <div class="col-md-4">
          <span class="fa-stack fa-4x">
            <i class="fas fa-circle fa-stack-2x text-primary"></i>
          </span>
          <h4 class="service-heading">{{ service.title | markdownify }}</h4>
          {% if service.desc %}<div class="text-muted">{{ service.desc | markdownify }}</div>{% endif %}
        </div>
	  {% endfor %}
      </div>
      <div class="service-code">
        <pre>
          <code>
from pettingzoo.butterfly import knights_archers_zombies_v7
env = knights_archers_zombies_v7.env()
env.reset()
for agent in env.agent_iter():
    observation, reward, done, info = env.last()
    action = policy(observation, agent)
    env.step(action)
 </code> </pre>
      </div>
    </div>

  </section>
<!-- End Services -->
